// 自定义useWindowScroll函数
// 只实现y方向
import { ref } from 'vue'
export function useWindowScroll () {
  const y = ref(0)
  // 核心逻辑：y始终存放着距离顶部的像素值 并且y是一个响应式的
  // 1. 响应式  2.始终跟着滚动事件来发生变化
  window.addEventListener('scroll', () => {
    // 不断的给y赋值当前拿到的距离顶部的像素值
    const scrollT = document.documentElement.scrollTop
    y.value = scrollT
  })
  return {
    y
  }
}

// 区别
// 1. 和业务没有强绑定 只要你当前要实现的效果
// 需要用到一个逻辑：‘根据滚动发生得到y’ 具体要
// 用这个y干什么事儿 不确定 可能show显示 可能做别的

// 2. 作用是为了复用，复用这段逻辑，哪里用哪里引入执行
